/*
 * @ Author Zhangyh
 * Create in 2015.10.21
 */

body{background-color:#f8f8f8; font-size:0.28rem; width:100%; overflow-x:hidden;}
@font-face{font-family:Muiicons; font-weight:400; font-style:normal; src:url(icon.ttf) format('truetype')}
.ui-padded{padding:0 0.2rem;}

/** for layout start **/
#app-content {width: 100%; height: 100.5%; position: relative;}
#app-header {position:absolute;left:0;top:0;width: 100%; z-index: 1000;}
#app-nav {position: fixed; top: 0; right: 0; left: auto;bottom:0; z-index: 1000;}
#app-container {position: relative; width: 100%; height: 100%;}
#app-footer {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000;}
body.ios .app-page {padding-top: 64px;}
/*body.ios .footer-on .app-page {padding-bottom: 49px;}*/
body.android .app-page {padding-top: 45px;}
/*body.android .footer-on .app-page {padding-bottom: 50px;}*/
body.web .app-page {padding-top: 0.826rem;}
/*body.web .footer-on .app-page {padding-bottom: 0.88rem;}*/
/** for layout end **/

/** for loading start **/
.app-loading {position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); opacity: 1; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
.loading-icon {width: 20px; height: 20px; background: url(../images/loading.gif) no-repeat 50%; background-size: 20px 20px; display: block; margin: 0 auto;}
/** for loading end **/

/*@ Basic Margin */
.mt10{margin-top:0.1rem;}
.mb10{margin-bottom:0.1rem;}
.ml10{margin-left:0.1rem;}
.mr10{margin-right:0.1rem;}
.mlr10{margin-left:0.1rem;}
.mt15{margin-top:0.15rem;}
.mb15{margin-bottom:0.15rem;}
.ml15{margin-left:0.15rem;}
.mr15{margin-right:0.15rem;}
.mt20{margin-top:0.2rem;}
.mb20{margin-bottom:0.2rem;}
.ml20{margin-left:0.2rem;}
.mr20{margin-right:0.2rem;}
.mt30{margin-top:0.3rem;}
.mb30{margin-bottom:0.3rem;}
.ml30{margin-left:0.3rem;}
.mr30{margin-right:0.3rem;}

/*@ Basic padding */
.pt10{padding-top:0.1rem;}
.pb10{padding-bottom:0.1rem;}
.pl10{padding-left:0.1rem;}
.pr10{padding-right:0.1rem;}
.pt15{padding-top:0.15rem;}
.pb15{padding-bottom:0.15rem;}
.pl15{padding-left:0.15rem;}
.pr15{padding-right:0.15rem;}
.pt20{padding-top:0.2rem;}
.pb20{padding-bottom:0.2rem;}
.pl20{padding-left:0.2rem;}
.pr20{padding-right:0.2rem;}
.pt30{padding-top:0.3rem;}
.pb30{padding-bottom:0.3rem;}
.pl30{padding-left:0.3rem;}
.pr30{padding-right:0.3rem;}

/* @Basic Font Color */
.fc-red{color:#e33b2d;}
.fc-blue{color:#0088f0;}
.fc-gray{color:#b9b9b9;}
.fc-3{color:#333;}
.fc-6{color:#666;}
.fc-9{color:#999;}

/* @Basic Font Size */
.ft-24{font-size:0.24rem;}
.ft-28{font-size:0.28rem;}
.ft-32{font-size:0.32rem;}

/* @Form Exclusive Style */
.fm-item{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:0.48rem; line-height:0.48rem;}
.fm-item >*{display:block;}
.fm-item label{padding-right:0.2rem; font-size:0.3rem;}
.fm-item .ico-bnk{height:0.36rem; width:0.36rem; margin:0.06rem 0.1rem 0.06rem 0;}
.fm-item .item-ipt,.fm-item .tip{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.fm-item .tip{text-align:right; color:#999; font-size:0.24rem;}
.fm-item .item-ipt input{width:100%;}

/* @Basic Font icons Style */
/*
.ui-font-ico{font-family:Muiicons; font-size:0.48rem; font-weight:400; font-style:normal; line-height:1; display:inline-block; text-decoration:none; -webkit-font-smoothing:antialiased;}
*/

/* @Switch Style */
.ui-switch{position:relative; display:block; width:74px; height:30px; border:2px solid #ddd; border-radius:40px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ui-view-cell .ui-switch{position:absolute; right:0.2rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.ui-table-view.ui-folder .ui-switch,.ui-view-cell.folder .ui-switch{right:0.64rem;}
.ui-switch:before{font-size:14px; position:absolute; top:3px; right:11px; content:'Off'; text-transform:uppercase; color:#999;}
.ui-switch:after{content:""; display:block; position:absolute; z-index:1; top:-1px; left:-1px; width:28px; height:28px; transform:translate(0, 0); -webkit-transform:translate(0, 0); -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-transition-property:-webkit-transform,left; transition-property:transform,left; border-radius:16px; background-color:#fff; -webkit-box-shadow:0 2px 5px rgba(0,0,0,.4); box-shadow:0 2px 5px rgba(0,0,0,.4);}
.ui-switch.active{border:2px solid #007aff; background-color:#007aff;}
.ui-switch.active:before{right:auto; left:15px; content:'On'; color:#fff;}
.ui-switch.active:after{transform:translate(43px, 0px); -webkit-transform:translate(43px, 0px);}

/* @Basic Table List */
/*
.ui-table-view{background:#FFF; list-style:none; margin:0.2rem 0; border-width:1px 0; border-image:url(../images/case/line/c8.png) 2 stretch;}
*/
.ui-table-view .ui-view-cell{position:relative; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0.2rem 0.15rem;}
.ui-table-view .ui-view-cell:not(.disabled):active{background:#f2f2f2;}
/*
.ui-table-view .ui-view-cell + .ui-view-cell{border-width:1px 0 0; border-image:url(../images/case/line/e2.png) 2 stretch;}
*/
.ui-table-view.ui-folder >.ui-view-cell,
.ui-table-view .ui-view-cell.folder{padding-left:0.15rem; padding-right:0.64rem;}
.ui-table-view.ui-folder >.ui-view-cell:after,
.ui-table-view .ui-view-cell.folder:after{content:'\e583'; font-family:Muiicons; font-size:0.32rem; line-height:1; position:absolute; top:50%; display:inline-block; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-decoration:none; color:#bbb; -webkit-font-smoothing:antialiased; right:0.2rem;}
.ui-table-view .ui-view-cell.folder.open:after{-webkit-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg);}
.ui-table-view.ui-folder .ui-view-cell.ui-detail{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.ui-table-view.ui-folder .ui-view-cell.ui-detail>*{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block;}
.ui-table-view.ui-folder .ui-view-cell.ui-detail>*:last-child{padding-right:0.5rem; text-align:right; font-size:0.24rem;}

/* @Checkbox Module */
.ui-checkbox{position:relative; clear:left;}
.ui-checkbox label{padding:0.1rem 0.3rem 0.1rem 0.8rem; display:inline-block; clear:none; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ui-checkbox input[type=checkbox]{position:absolute; top:50%; left:0.2rem; display:inline-block; width:0.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); border:0; outline:0!important; background-color:transparent;/* -webkit-appearance:none;*/}
.ui-checkbox input[type=checkbox]:before{font-family:Muiicons; font-size:0.5rem; font-weight:400; line-height:1; text-decoration:none; color:#aaa;  border-radius:0; background:0 0; -webkit-font-smoothing:antialiased; content:'\e411'; color:#007aff;}
.ui-checkbox input[type=checkbox]:checked:before{content:'\e442';}

/* @Tab Switch Module */
.ui-tab-switch{width:100%; height:0.74rem;}
.ui-tab-switch .inner-fixed{background:#FFF; width:100%; height:0.74rem; line-height:0.74rem; position:fixed; left:0; top:0; text-align:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-width:0 0 1px;/* border-image:url(../images/case/line/c8.png) 2 stretch;*/}
.web .ui-tab-switch .inner-fixed{top:0.84rem;}
.ios .ui-tab-switch .inner-fixed{top: 64px;}
.android .ui-tab-switch .inner-fixed{top: 45px;}
.ui-tab-switch .inner-fixed >span{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display:block; position:relative;}
.ui-tab-switch .inner-fixed >span.active:after{content:""; display:block; height:0.04rem; width:100%; position:absolute; left:0; bottom:-1px; background:#e33b2d;}

/* @Button Module */
.ui-btn{display:block; font-size:0.32rem; color:#FFF; background:#008aff; border-radius:0.08rem; text-align:center; padding:0.24rem 0.4rem; margin:0.2rem auto; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;}
.ui-btn:not(.hollow-red):not(.hollow-blue):not(.disabled):not(:disabled):active{-webkit-box-shadow:0 0 0 1.2rem rgba(0,0,0,0.16) inset; box-shadow:0 0 0 1.2rem rgba(0,0,0,0.16) inset;}
.ui-btn.warning{background:#ff6c00;}
.ui-btn.red{background:#e33b2d;}
.ui-btn:disabled,.ui-btn.disabled{background:#D2D2D2;}
.ui-btn.hollow-red,.ui-btn.hollow-blue{border:1px solid #ff0000; color:#ff0000; background:none;} 
.ui-btn.hollow-blue{border-color:#0391ff; color:#0391ff;}
.ui-btn.hollow-red:active{background:#ff0000; color:#FFF;}
.ui-btn.hollow-blue:active{background:#0391ff; color:#FFF;}

.ui-btn-grp{box-sizing:border-box; -webkit-box-sizing:border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin:0.2rem;}
.ui-btn-grp .ui-btn{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin:0;}
.ui-btn-grp .ui-btn + .ui-btn{margin-left:0.2rem;}

/* @Bank List Module */
.ui-search-panel{padding:0.2rem 0.3rem; background:#FFF; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%;}
.ui-search-panel input{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display:block; padding:0.18rem 0 0.18rem 0.68rem; background:#f2f1f1 url(../images/case/search.png) 0.16rem center no-repeat; background-size:0.4rem auto;}
.ui-bank-list .ui-table-view{margin:0; line-height:0.48rem;}
.ui-bank-list .ui-view-cell{width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-left:0.3rem;}
.ui-bank-list .ui-view-cell span{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display:block; text-indent:0.2rem;}

/* @Slect Box Module */
.ui-mask-bg{position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0;}
.ui-cover-box{position:fixed; height:100%; width:0; overflow:hidden; left:-1000%; top:0; z-index:9999;}
.ui-cover-box.show{left:0; width:100%; animation:showCoverBox 200ms ease-in-out; -webkit-animation:showCoverBox 200ms ease-in-out;}
.ui-cover-box.hide{left:-100%; width:0; animation:hideCoverBox 200ms ease-in-out; -webkit-animation:hideCoverBox 200ms ease-in-out;}
@-webkit-keyframes showCoverBox{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes showCoverBox{
  0%{opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes hideCoverBox{
  0%{left:0; width:100%; visibility:visible; opacity:1;}
  100%{left:0; width:100%; visibility:visible; opacity:0;}
}
@keyframes hideCoverBox{
  0%{left:0; width:100%; visibility:visible; opacity:1;}
  100%{left:0; width:100%; visibility:visible; opacity:0;}
}
.ui-bottom-content{width:100%; background:#FFF; position:absolute; left:0; bottom:0; min-height:2rem; -webkit-box-shadow:0px 0 0.16rem rgba(0,0,0,0.5); box-shadow:0px 0 0.16rem rgba(0,0,0,0.5);}
.ui-bottom-content .close{position:absolute; right:0; top:0.1rem;}
.ui-bottom-content .close:after{content:'\e460'; color:#bcbcbc; font-size:0.76rem;}
.ui-bottom-content .header{text-align:center; padding:0.24rem; font-size:0.32rem;}

.ui-cover-box.show .ui-bottom-content{animation:slideUpBox 300ms ease-in-out; -webkit-animation:slideUpBox 300ms ease-in-out;}
.ui-cover-box.hide .ui-bottom-content{animation:slideDownBox 200ms ease-in-out; -webkit-animation:slideDownBox 200ms ease-in-out;}
@-webkit-keyframes slideUpBox{
  0%{
	  -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
  }
  100%{
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0);
  }
}
@keyframes slideUpBox{
  0%{
	  -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
  }
  100%{
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideDownBox{
  0%{
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0);
  }
  100%{
	  -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
  }
}

/*== header ==*/
.ui-menu-header{width:100%; height:0.84rem; line-height:0.84rem; background:#12a5d9;}
.ui-menu-header .header_btn_left{position:absolute; top:0;left:0; padding-left:0.2rem;padding-right:0.1rem; font-size:0.22rem; height:100%; color:#FFF;}
/*
.ui-menu-header .header_btn_left.active{background-color:#12a5d9;border-right:1px solid #12a5d9;}
*/
.ui-menu-header .header_btn_right{position:absolute; top:0; padding-right:0.2rem; right:0; font-size:0.28rem; height:100%; color:#FFF;}
.ui-menu-header .header_btn_right img{position: relative;  top: .25rem; width: .4rem}
/*
.ui-menu-header .header_btn_right.active{background-color:#12a5d9;border-left:1px solid #12a5d9;}
*/
.ui-menu-header .header_title{height:100%; font-size:0.32rem; font-weight:bold; text-align: center; color:#FFF;}
.ui-menu-header .header_btn_left span{font-size:0.26rem; display:inline-block; vertical-align: bottom; margin-right:0.1rem;}
.ui-menu-header .header_btn_home{background:url(../images/btn_home.png) no-repeat center; background-size:0.35rem 0.29rem; width:0.35rem; height:100%; font-size:0.22rem; text-indent:-10000px;}

.ui-menu-header .btn_city{font-size:0.22rem; position:absolute; left:0.2rem;}
.ui-menu-header .btn_city span{font-size:0.34rem; margin-right:0.1rem;display:inline-block; vertical-align: middle; width:0.34rem; height:0.24rem;line-height:0.26rem; overflow:hidden; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.ui-menu-header .btn_city em{display:inline-block; vertical-align:middle;}
.ui-menu-header .btn_person{background:url(../images/btn_person.png) no-repeat center; background-size:0.27rem 0.32rem; width:0.27rem; font-size:0.22rem; position:absolute; right:0.2rem; text-indent:-10000px;}

/* @Footer Module */
.ui-menu-footer{height:0.88rem;}
.ui-menu-footer .inner{width:100%; position:fixed; left:0; bottom:0; height:0.88rem; background:#FFF; text-align:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size:0.2rem; z-index:999; border-width:1px 0 0; border-image:url(../images/case/line/c8.png) 2 stretch;}
.ui-menu-footer .inner a{display:block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color:#999; padding-top:0.5rem; position:relative;}
.ui-menu-footer .inner a.active{color:#333333;}
.ui-menu-footer .inner a:after{content:""; display:block; height:0.4rem; width:0.4rem; position:absolute; top:0.1rem; left:50%; margin-left:-0.2rem;}
.ui-menu-footer .inner a:nth-child(1):after{background:url(../images/img/shouye.png) no-repeat; background-size:100% 100%;}
.ui-menu-footer .inner a:nth-child(2):after{background: url(../images/img/yunjiangzuo.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a:nth-child(3):after{background: url(../images/img/fuwudating.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a:nth-child(4):after{background: url(../images/img/smart.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a:nth-child(5):after{background: url(../images/img/gerenzhongxin.png) no-repeat;background-size: 100% 100%}

.ui-menu-footer .inner a.active:nth-child(1):after{background:url(../images/img/shouye1.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a.active:nth-child(2):after{background: url(../images/img/yunjiangzuo2.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a.active:nth-child(3):after{background: url(../images/img/fuwudating1.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a.active:nth-child(4):after{background: url(../images/img/znt.png) no-repeat;background-size: 100% 100%}
.ui-menu-footer .inner a.active:nth-child(5):after{background: url(../images/img/gerenzhongxin1.png) no-repeat;background-size: 100% 100%}

/** for nav start **/
.ui-nav-blocker {position: absolute; width: 0; height: 0; top: 0; right: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; z-index: 1001; transition: opacity 0.1s; -webkit-transition: opacity 0.1s;}
.ui-nav-blocker.on {opacity: 1; left: 0; right: 0; top: 0; bottom: 0; position: fixed; width: auto; height: auto; }
#app-nav .ui-nav-content {position: absolute; top: 0; right: -3.2rem; z-index: 1002; background: #fff; height: 100%; transition: right 1s; -webkit-transition: right 1s;}
#app-nav .ui-nav-content.on {right: 0; width: 3.2rem;}
/** for nav end **/

/** Loding animation **/
.loading{
    width: 1.0rem;
    height:1.0rem;
    margin: 0 auto;
}

.loadingblock{
    width:2rem;
    height:2rem;
    background:#fff;
    border-radius:15px;
    display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;
}

.loading span{
    display: inline-block;
    width: 0.1rem;
    height: 100%;
    margin:0rem 0.05rem;
    border-radius: 4px;
    background:#e33b2d;
    -webkit-animation: load 0.7s ease infinite;
}
@-webkit-keyframes load{
    0%,100%{
        height: 1.0rem;
        background:#e33b2d;
    }
    50%{
        height: 1.4rem;
        margin: -0.2rem 0.05rem;
        background:#DDE323;
    }
}

@-webkit-keyframes load2{
    0%,100%{
        height: 1.0rem;
        background:#DDE323;
    }
    50%{
        height: 1.4rem;
        margin: -0.2rem 0.05rem;
        background:#63E33A;
    }
}

@-webkit-keyframes load3{
    0%,100%{
        height: 1.0rem;
        background:#63E33A;
    }
    50%{
        height: 1.4rem;
        margin: -0.2rem 0.05rem;
        background:#51E3A7;
    }
}

@-webkit-keyframes load4{
    0%,100%{
        height: 1.0rem;
        background:#51E3A7;
    }
    50%{
        height: 1.4rem;
        margin: -0.2rem 0.05rem;
        background:#6A85E3;
    }
}
@-webkit-keyframes load5{
    0%,100%{
        height: 1.0rem;
        background:#6A85E3;
    }
    50%{
        height: 1.4rem;
        margin: -0.2rem 0.05rem;
        background:#E350B9;
    }
}
.loading span:nth-child(2){
    background:#DDE323;
    -webkit-animation: load2 0.7s ease infinite;
    -webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
    background:#63E33A;
    -webkit-animation: load3  0.7s ease infinite;
    -webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
    background:#51E3A7;
    -webkit-animation: load4  0.7s ease infinite;
    -webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
    background:#6A85E3;
    -webkit-animation: load5  0.7s ease infinite;
    -webkit-animation-delay:0.8s;
}

/*收藏 */
.nu-dialog{position: fixed;left: 0;right: 0;top:0;bottom:0;}
.nu-dialog .table-row{position: fixed;left: 0;right: 0;top: 1rem;height: 2rem;background-color:rgba(0,0,0,.3);width: 3rem;margin: auto;top: 50%;margin-top: -1rem;text-align:center;border-radius:.2rem;}
.nu-dialog .table-row .table-cell-center,.nu-dialog .table-row .nu-dialog-container{height:100%}
.nu-dialog .table-row .nu-dialog-container>*{/*height: 50%;*/font-size:.3rem;color:#fff;}
.nu-dialog .table-row .nu-dialog-container .nu-dialog-title{background:url('../../../images/img/duihao.png') no-repeat center;background-size: 35%;}
.nu-dialog .table-row .nu-dialog-container .nu-dialog-content span{margin-top: .5rem;display: block;height: 100%;width: 100%;line-height: .8rem;}
.nu-dialog .table-row .nu-dialog-container .nu-dialog-button-area button{width: .9rem;border-radius: .1rem;border: none;margin: 0.3rem .1rem;color: white;padding: .1rem;}
.nu-dialog .table-row .nu-dialog-container .nu-dialog-button-area #_dialogCancel{background-color: #e24335;}
